<style>
   body, html{padding:0,;margin:0;}
   article, aside, details, figcaption, figure, footer, header, div, menu, nav, section {
      display: block;
   }
   
   #jbmnplsHeader{
      min-width:1024px;
   }
   #jbmnplsHeader *{
      font-family:Verdana, Arial;
      font-size:12px;
      outline:none;
      color: #333333;
      text-decoration:none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
   }
   #jbmnplsTopGroup{
      height:31px;
      padding: 0px 20px;
      padding-top:9px;
      background: black;
   }
   #jbmnplsBanner{
      background: url('');
      margin-right:10px;
      width:112px;
      height:24px;
      float:left;
   }
   #uwBanner{
      width:104px;
      height:22px;
      float:right;
      background: url('');
   }
   #jbmnplsHeader div.banner{
      background-repeat:no-repeat;
   }
   
   #jbmnplNav{
      float:left;
      padding-top:2px;
   }
   #jbmnplsHeader ul{
      padding:0;
      margin:0;
   }
   #jbmnplsHeader ul li{
      float:left;
      margin-left:30px;
      list-style-type:none;
   }
   #jbmnplNav ul li a{
      color:white;
      font-size:14px;
      display:block;
      height:29px;
   }
   #jbmnplNav ul li a:hover{
      /*background: 50% 100% no-repeat url('');*/
      text-shadow: 0 0 0 transparent, #ffffbe 0 0 0.5em, #ffffbe 0 0 0.5em;
   }
   #jbmnplsBottomGroup{
      padding: 0px 20px;
      background:#e7e7e7;
      width:auto;
      height:18px;
      border-bottom:2px solid #d5d5d5;
   }
   #jbmnplsStatus{
      padding-top:1px;
      font-weight:bold;
      float:left;
   }
   #jbmnplsUserID{
      font-weight:normal;
   }
   #jbmplsControlPanel{
      float:right;
   }
   #jbmplsControlPanel a{
      font-size:11px;
   }
   
</style>



<header id='jbmnplsHeader'>
   <div id='jbmnplsTopGroup'>
      <div id='jbmnplsBanner' class='banner'></div>
      <nav id='jbmnplNav'>
         <ul>
            <li><a href='LOCATION'>Profile</a></li>
            <li><a href='LOCATION'>Documents</a></li>
            <li><a href='LOCATION'>Job Search</a></li>
            <li><a href='LOCATION'>Job Short List</a></li>
            <li><a href='LOCATION'>Applications</a></li>
            <li><a href='LOCATION'>Interviews</a></li>
            <li><a href='LOCATION'>Rankings</a></li>
         </ul>
      </nav>
      <div id='uwBanner' class='banner'></div>
   </div>
   <div id='jbmnplsBottomGroup'>
      <div id='jbmnplsStatus'>
         Hi
         <span id='jbmnplsUserName'>Matthew Ng!</span>
         <span id='jbmnplsUserID'>(20351252)</span>
      </div>
      <div id='jbmplsControlPanel'>
         <a href='#'>Settings</a> |
         <a href='#'>About</a> |
         <a href='#'>Logout</a>
      </div>
   </div>
</header>
